<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>QQ会员页面</title>
		<style type="text/css">
			header{
				background: rgba(00,00,00,0.5);
			}
			ul li{
				display: inline-block;
				margin: 10px;
			}
			img{
				vertical-align: middle;
				width: 100px;
			}
			li:hover{
				color: blue;
			}
			#denglu:hover{
				color: blue;
			}
			#denglu{
				background: green;
			}
			input{
				padding: 0px;
				margin: 0px;
				border-radius:20px 20px ;
				box-shadow:-2px -2px 10px #06c;
			}
			#huiyuan{
				background: yellow;
			}
			#huiyuan:hover{
				color: blue;
			}
		</style>
	</head>
	<body>
		<header><ul>
		<li><img src="练习1：QQ会员页面导航/img/logo.png"alt="QQ会员"/></li>
			<li>功能特权</li>
			<li>游戏特权</li>
			<li>生活特权</li>
			<li>会员活动</li>
			<li>成长体系</li>
			<li>年费专区</li>
			<li>超级会员</li>
			<input type="button" id="denglu" value="登陆" />
			<input type="button" id="huiyuan" value="开通超级会员" />
		</ul>
		</header>
		
	</body>
</html>
